<template>
  <div class="share_warp">
      <div class="model_nav">未开放</div>
      <div class="share_item">
            <div>
                <div  class="s_i_d">
                    <a href="javascript:;"><img src="../assets/wb.jpg" alt="新浪微博"></a> 
                </div>
                <div class="s_text">新浪微博</div>
            </div>
            <div>
                <div  class="s_i_d">
                     <a href="javascript:;"><img src="../assets/wx.png" alt="微信"></a>
                </div>
                <div class="s_text">微信</div>
            </div>
            <div>
                <div  class="s_i_d">
                     <a href="javascript:;"><img src="../assets/yx.png" alt="zkymarket@yeah.net"></a>
                </div>
                <div class="s_text">邮箱</div>
            </div>
            <div>
                <div  class="s_i_d">
                     <a href="javascript:;"><img src="../assets/fk.png" alt="意见反馈"></a>
                </div>
                <div class="s_text">意见反馈</div>
            </div>
      </div>
  </div>
</template>

<script>
export default {

}
</script>

<style>
.share_item{
    height: 100px;
    margin-top: 12px;
    /* content: '';
    display: block;
    clear: both; */
}
.share_item > div{
    width: 60px;
    float: left;
    /* border: 1px solid #121221; */
    margin-right: 12px;
}
.share_item > div:hover .s_text{
    color: #d8af40;
    font-size: 15px;
}
.s_i_d{
    width: 55px;
    height: 55px;
    /* border: 1px solid #121221; */
    border-radius: 50%;
    overflow: hidden;
}
.s_i_d img{
    width: 110%;
    height: 100%;
}
.s_text{
    font-size: 12px;
    color: #636363;
    margin-top: 6px;
}


</style>